﻿<!DOCTYPE html>
<!--[if (gte IE 9)|!(IE)]><!-->
<html lang="en">
<!--<![endif]-->
<head>
<!-- Basic Page Needs
  ================================================== -->
<meta charset="utf-8">
<title>Shopholic</title>
<!-- SEO Meta
  ================================================== -->
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="distribution" content="global">
<meta name="revisit-after" content="2 Days">
<meta name="robots" content="ALL">
<meta name="rating" content="8 YEARS">
<meta name="Language" content="en-us">
<meta name="GOOGLEBOT" content="NOARCHIVE">
<!-- Mobile Specific Metas
  ================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- CSS
  ================================================== -->
<link rel="stylesheet" type="text/css" href="css/custom.css?v=1.3">
<link rel="stylesheet" type="text/css" href="css/responsive.css?v=1.3">
<link rel="shortcut icon" href="images/favicon.png">
<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
</head>
<body >
<div class="se-pre-con"></div>
<div class="main"> 

  <!-- HEADER START -->
	<script type="text/javascript" src="js/head.js" ></script>
	<!-- HEADER END -->
   
  <!-- Bread Crumb STRAT -->
  <div class="banner inner-banner1">
    <div class="container">
      <section class="banner-detail center-xs">
        <h1 class="banner-title">Single-blog</h1>
        <div class="bread-crumb right-side float-none-xs">
          <ul>
            <li><a href="index.html"><i class="fa fa-home"></i>Home</a>/</li>
            <li><a href="blog.html">Blog</a>/</li>
            <li><span>Single-blog</span></li>
          </ul>
        </div>
      </section>
    </div>
  </div>
  <!-- Bread Crumb END -->

  <!-- CONTAIN START -->
  <section class="ptb-60">
    <div class="container">
      <div class="row mlr_-20">
        <div class="col-lg-9 plr-20">
          <div class="row">
            <div class="col-12 mb-60">
              <div class="blog-media mb-20"> 
                <img src="images/blog/blog_img3.jpg" alt="Shopholic"> 
              </div>
              <div class="blog-detail ">
                <div class="post-info">
                  <ul>
                    <li><span class="post-date">03 jan 2018</span></li>
                    <li><span>By</span><a href="#"> cormon jons</a></li>
                  </ul>
                </div>
                <h3>Combined with a handful of model</h3>
                <p>Uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures donec sollicitudin erat eget malesuada scelerisque. Nullam consectetur, arcu sed tincidunt mattis, massa nunc sodales mauris, ut lobortis arcu tortor in risus. uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures donec sollicitudin erat eget malesuada scelerisque. Nullam consectetur, arcu sed tincidunt mattis, massa nunc sodales mauris, ut lobortis arcu tortor in risus.</p>
                <hr>
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-12">
              <div class="comments-area-main">
                <div class="comments-area">
                  <h4>Comments<span>(2)</span></h4>
                  <ul class="comment-list mt-20">
                    <li>
                      <div class="comment-user"> <img src="images/comment-user.jpg" alt="Shopholic"> </div>
                      <div class="comment-detail">
                        <div class="user-name">John Doe</div>
                        <div class="post-info">
                          <ul>
                            <li>Fab 07, 2018</li>
                            <li><a href="#"><i class="fa fa-reply"></i>Reply</a></li>
                          </ul>
                        </div>
                        <p>Consectetur adipiscing elit integer sit amet augue laoreet maximus nuncac.</p>
                      </div>
                      <ul class="comment-list child-comment">
                        <li>
                          <div class="comment-user"> <img src="images/comment-user.jpg" alt="Shopholic"> </div>
                          <div class="comment-detail">
                            <div class="user-name">John Doe</div>
                            <div class="post-info">
                              <ul>
                                <li>Fab 07, 2018</li>
                                <li><a href="#"><i class="fa fa-reply"></i>Reply</a></li>
                              </ul>
                            </div>
                            <p>Consectetur adipiscing elit integer sit amet augue laoreet maximus nuncac.</p>
                          </div>
                        </li>
                        <li>
                          <div class="comment-user"> <img src="images/comment-user.jpg" alt="Shopholic"> </div>
                          <div class="comment-detail">
                            <div class="user-name">John Doe</div>
                            <div class="post-info">
                              <ul>
                                <li>Fab 07, 2018</li>
                                <li><a href="#"><i class="fa fa-reply"></i>Reply</a></li>
                              </ul>
                            </div>
                            <p>Consectetur adipiscing elit integer sit amet augue laoreet maximus nuncac.</p>
                          </div>
                        </li>
                      </ul>
                    </li>
                    <li>
                      <div class="comment-user"> <img src="images/comment-user.jpg" alt="Shopholic"> </div>
                      <div class="comment-detail">
                        <div class="user-name">John Doe</div>
                        <div class="post-info">
                          <ul>
                            <li>Fab 07, 2018</li>
                            <li><a href="#"><i class="fa fa-reply"></i>Reply</a></li>
                          </ul>
                        </div>
                        <p>Consectetur adipiscing elit integer sit amet augue laoreet maximus nuncac.</p>
                      </div>
                    </li>
                  </ul>
                </div>
                <div class="main-form mt-30">
                  <h4>Leave a comments</h4>
                  <form >
                    <div class="row mt-20 mlr_-20">
                      <div class="col-md-4 mb-20 plr-20">
                        <input type="text" placeholder="Name" required>
                      </div>
                      <div class="col-md-4 mb-20 plr-20">
                        <input type="email" placeholder="Email" required>
                      </div>
                      <div class="col-md-4 mb-20 plr-20">
                        <input type="text" placeholder="Website" required>
                      </div>
                      <div class="col-12 mb-20 plr-20">
                        <textarea cols="30" rows="3" placeholder="Message" required></textarea>
                      </div>
                      <div class="col-12 mb-sm-30 plr-20">
                        <button class="btn btn-color" name="submit" type="submit">Submit</button>
                      </div>
                    </div>
                  </form>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="col-lg-3 plr-20">
          <div class="sidebar-block">
            <div class="sidebar-box mb-20">
              <form>
                <div class="search-box">
                  <input type="text" placeholder="Search entire store here..." class="input-text">
                  <button class="search-btn"></button>
                </div>
              </form>
            </div>
            <div class="gray-bg">
              <div class="sidebar-box listing-box mb-20"> <span class="opener plus"></span>
                <div class="sidebar-title">
                  <h3><i class="fa fa-bars"></i> Categories</h3>
                </div>
                <div class="sidebar-contant">
                  <ul>
                    <li><a>Baby’s Clothes <span>(15)</span></a></li>
                    <li><a>Boys <span>(25)</span></a></li>
                    <li><a>Girls <span>(10)</span></a></li>
                    <li><a>Men  <span>(35)</span></a></li>
                    <li><a>Women  <span>(40)</span></a></li>
                    <li><a>Accessories <span>(25)</span></a></li>
                    <li><a>Shoes  <span>(05)</span></a></li>
                  </ul>
                </div>
              </div>
              <div class="sidebar-box mb-20"> <span class="opener plus"></span>
                <div class="sidebar-title">
                  <h3><i class="fa fa-qrcode"></i> Tags</h3>
                </div>
                <div class="sidebar-contant">
                  <ul class="tagcloud">
                    <li><a href="#">Orange</a></li>
                    <li><a href="#">Neutral</a></li>
                    <li><a href="#">Print</a></li>
                    <li><a href="#">Tan</a></li>
                    <li><a href="#">Purple</a></li>
                    <li><a href="#">Yellow</a></li>
                    <li><a href="#">White</a></li>
                    <li><a href="#">Metallic</a></li>
                    <li><a href="#">Red</a></li>
                  </ul>
                </div>
              </div>
              <div class="sidebar-box sidebar-item sidebar-item-wide mb-20"> <span class="opener plus"></span>
                <div class="sidebar-title">
                  <h3><i class="fa fa-list-ul"></i> Recent Post</h3>
                </div>
                <div class="sidebar-contant">
                  <ul>
                    <li>
                      <div class="pro-media"> <a href="#"><img alt="Shopholic" src="images/blog/blog_img1.jpg"></a> </div>
                      <div class="pro-detail-info"> <a href="#">Black African Print</a>
                        <div class="post-info">jul 11, 2017</div>
                      </div>
                    </li>
                    <li>
                      <div class="pro-media"> <a href="#"><img alt="Shopholic" src="images/blog/blog_img2.jpg"></a> </div>
                      <div class="pro-detail-info"> <a href="#">Black African Print</a>
                        <div class="post-info">jul 11, 2017</div>
                      </div>
                    </li>
                    <li>
                      <div class="pro-media"> <a href="#"><img alt="Shopholic" src="images/blog/blog_img3.jpg"></a> </div>
                      <div class="pro-detail-info"> <a href="#">Black African Print</a>
                        <div class="post-info">jul 11, 2017</div>
                      </div>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- CONTAINER END --> 

  <!-- FOOTER START -->
	<script type="text/javascript" src="js/foot.js" ></script>
	<!-- FOOTER END -->   
</div>
<script src="js/jquery-1.12.3.min.js"></script>
<script src="js/tether.min.js"></script>
<script src="js/bootstrap.js"></script>  
<script src="js/jquery.downCount.js"></script>
<script src="js/jquery-ui.min.js"></script> 
<script src="js/fotorama.js"></script>
<script src="js/jquery.magnific-popup.js"></script> 
<script src="js/owl.carousel.min.js"></script>  
<script src="js/custom.js"></script>
<script src="js/common.js"></script>
</body>
</html>
